<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../font/font-awesome-4.7.0/css/font-awesome.min.css">
    <script src="../util/jquery-3.4.1.js"></script>
    <script src="../util/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../css/index.css">

</head>

<body>
<div class="left">
    <div class="logo"><a href="home.html" target="i1"><img height="70" src="../images/baby+.png" alt=""></a></div>
    <ul class="menu">
        <li>
            <a href="home.html" target="i1" style="color: white">
                <i class="fa fa-home" aria-hidden="true"></i>

                <div class="a-right" style="display: none">&nbsp;&nbsp;&nbsp;&nbsp;首页&nbsp;&nbsp;&nbsp;&nbsp;<i
                        class="fa fa-caret-right a-right-font"
                        aria-hidden="true"></i></div>

            </a></li>
        <li class="personal"><a href="personal.html" target="i1"><i class="fa fa-user-circle" aria-hidden="true"></i>

            <div class="a-right">个人中心<i class="fa fa-caret-right a-right-font" aria-hidden="true"></i></div>
        </a></li>
        <li class="depManage"><a href="depManage.html" target="i1"><i class="fa fa-university" aria-hidden="true"></i>

            <div class="a-right">部门管理<i class="fa fa-caret-right a-right-font" aria-hidden="true"></i></div>
        </a></li>
        <li class="staff"><a href="staff.html" target="i1"><i class="fa fa-address-card" aria-hidden="true"></i>

            <div class="a-right">员工管理<i class="fa fa-caret-right a-right-font" aria-hidden="true"></i></div>
        </a></li>
        <li class="classadmin"><a href="classadmin.html" target="i1"><i class="fa  fa-graduation-cap"
                                                                        aria-hidden="true"></i>

            <div class="a-right">班级管理<i class="fa fa-caret-right a-right-font" aria-hidden="true"></i></div>
        </a></li>
        <li class="studamin"><a href="stuadmin.html" target="i1"><i class="fa fa-universal-access"
                                                                    aria-hidden="true"></i>

            <div class="a-right">学生管理<i class="fa fa-caret-right a-right-font" aria-hidden="true"></i></div>
        </a></li>
        <li class="attendance"><a href="attendance.html" target="i1"><i class="fa fa-calendar" aria-hidden="true"></i>

            <div class="a-right">考勤管理<i class="fa fa-caret-right a-right-font" aria-hidden="true"></i></div>
        </a></li>
        <li class="notice"><a href="notice.html" target="i1"><i class="fa fa-bullhorn" aria-hidden="true"></i>

            <div class="a-right">公告管理<i class="fa fa-caret-right a-right-font" aria-hidden="true"></i></div>
        </a></li>
        <li class="paimanage"><a href="paimanage.html" target="i1"><i class="fa fa-gavel" aria-hidden="true"></i>

            <div class="a-right">权限管理<i class="fa fa-caret-right a-right-font" aria-hidden="true"></i></div>
        </a></li>
    </ul>
</div>
<div class="right">
    <div class="right-top">
        <nav class="navbar navbar-default">
            <div class="container-fluid nav-bg">

                <div class="navbar-header" style="margin: 18px">
                    <button id="scaling" type="button" class="btn btn-default" aria-label="Left Align">
                        <span class="glyphicon glyphicon-align-justify" aria-hidden="true"></span>
                    </button>

                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse nav-mg" id="bs-example-navbar-collapse-1">

                    <form class="navbar-form navbar-left">
                        <div class="row">

                            <div class="col-lg-12">
                                <div class="input-group">
                                    <input type="text" autocomplete="off" class="form-control" id="Search" placeholder="请输入姓名、工号或者学号">
                                    <span class="input-group-btn" data-toggle="modal" data-target="#ClassCheck">
                                        <button class="btn btn-info con" type="button">
                                            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                                        </button>
                                    </span>
                                </div><!-- /input-group -->
                            </div><!-- /.col-lg-6 -->
                        </div><!-- /.row -->
                    </form>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="notice.html" target="i1" class="onotice" style="padding: 0">
                                <button type="button" style="margin:8px" class="btn btn-warning" data-toggle="tooltip"
                                        data-placement="bottom" title="您有未读公告">
                                    <span class="glyphicon glyphicon-bell" aria-hidden="true"></span>

                                </button>
                            </a>
                        </li>
                        <li class="dropdown nav-personal">
                            <a href="javascript:;" class="dropdown-toggle"
                               style="padding: 0;background: white;margin-right: 40px" data-toggle="dropdown"
                               role="button"><img width="50" height="50" class="head-portrait"
                                                  alt="">
                                <span id="uname" style="font-weight: bold"></span><span class="caret"></span></a>
                            <ul class="dropdown-menu" style="margin:10px 20px;border-radius: 5px;background: white">
                                <li><a class="core" href="personal.html" target="i1">个人中心</a></li>
                                <li><a class="pass" href="javascript:;">修改密码</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a style="color: #ff3f3f" href="login.html"><span class="glyphicon glyphicon-off"
                                                                                      aria-hidden="true"></span> 注销</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div><!-- /.
    </div>navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>

    </div>

    <div class="right-bottom">
        <iframe class="content" name="i1" src="home.html" frameborder="0">

        </iframe>


    </div>
    <div class="modal fade" tabindex="-1" role="dialog" id="ClassCheck">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close seaClose" data-dismiss="modal"><span>&times;</span></button>
                    <h4 class="modal-title">搜索</h4>
                </div>
                <div class="modal-body">
                    <div class="table-responsive department-table">

                        <table class="table table-bordered">
                            <tbody class="table1">

                            </tbody>

                        </table>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default seaClose" data-dismiss="modal">关闭</button>
                </div>
            </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</div>
</body>
<script src="../js/index.js"></script>

</html>